<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/头部.css">
    <link rel="stylesheet" href="../css/商品.css">
    <link rel="stylesheet" href="../css/底部.css">

    <script src="../js/utils/mock-min.js"></script>
    <script src="../js/utils/jquery.min.js"></script>
    <script src="../js/utils/qzdl.js"></script>

    <script src="../js/components/商品前端.js"></script>
    <script src="../js/API/商品后端.js"></script>
</head>

<body>
    <!-- 头部 -->
    <header>
        <div class="toubu">
            <div class="logo">
                <img src="../img/logo.webp" alt="">
            </div>
            <div class="biaoti">
                <ul>
                    <li><a href="../html/首页.html"><span>首页</span></a>
                        <div class="xian"></div>
                    </li>
                    <li><a href="../html/关于.html"><span>关于</span></a>
                        <div class="xian"></div>
                    </li>
                    <li><a href="../html/茶叶.html"><span>茶叶</span></a>
                        <div class="xian"></div>
                    </li>
                    <li><a href="../html/基地.html"><span>基地</span></a>
                        <div class="xian"></div>
                    </li>
                    <li><a href="../html/新闻.html"><span>新闻</span></a>
                        <div class="xian"></div>
                    </li>
                    <li><a href="../html/联系.html"><span>联系</span></a>
                        <div class="xian"></div>
                    </li>
                </ul>
            </div>
            <div class="tubiao">
                <div class="tubiao2">
                    <div class="tubiao3">
                        <div class="tubiao4"><img src="../img/搜索.png" alt=""></div>
                        <div class="tubiao4"><img src="../img/用户.png" alt=""></div>
                        <div class="tubiao4" onclick="gwc()"><img src="../img/购物车.png" alt=""></div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- 类型的div -->
    <div class="leixing">
        <div class="leixing1">
            <!-- <span><a href="../html/茶叶.html">茶叶</a></span><span>></span><span><a href="../html/茶叶.html">全部</a></span><span>></span><span onclick="zhonglei(5)">白茶</span><span>></span><span>白牡丹</span> -->
        </div>
    </div>
    <!-- 商品展示的div -->
    <div class="shangpindiv">
        <!-- 展示图 -->
        <div class="shangpindivimg">
            <!-- <div class="shangpindivimg-img"><img src="../img/白牡丹.webp"></div>
            <div class="shangpindivimg-img-bottom"><img src="../img/白牡丹.webp"></div> -->
        </div>
        <!-- 展示图右边 -->
        <div class="shangpindivjieshao">
            <!-- <div class="shangpindivjieshao-name">白牡丹</div>
            <div class="shangpindivjieshao-gang"></div>
            <div class="shangpindivjieshao-price">￥1.235.0</div>
            <div class="shangpindivjieshao-title">饮茶不但是传统饮食文化，同时，由于茶中含有多种抗氧化物质与抗氧化营养素，对于消除自由基有一定的效果。因此喝茶也有助防老，具养生保健功能，每天喝三两杯茶可起到防老的作用。茶叶中含有多种维生素和氨基酸，喝茶对于清油解腻，增强神经兴奋以及消食利尿也具有一定的作用。</div>
            <div class="shangpindivjieshao-type">分类：白茶</div>
            <div class="shangpindivjieshao-gwc">
                <div class="shangpindivjieshao-gwc-jrgwc">
                    <div class="shangpindivjieshao-gwc-jrgwc-left">加入购物车</div>
                    <div class="shangpindivjieshao-gwc-jrgwc-right"><input type="button" value="-" onclick="jian()"><input type="text" value="1" id="zhi"><input type="button" value="+" onclick="jia()"></div>
                </div>
            </div>
            <div class="shangpindivjieshao-shoucang"><span>收藏</span></div> -->
        </div>
        <!-- 描述 -->
        <div class="miaoshu">
            <div class="miaoshu-miaoshu">
                <div class="miaoshu-miaoshu-miaoshu">描述</div>
            </div>
            <div class="miaoshu-title">
                饮茶不但是传统饮食文化，同时，由于茶中含有多种抗氧化物质与抗氧化营养素，对于消除自由基有一定的效果。因此喝茶也有助防老，具养生保健功能，每天喝三两杯茶可起到防老的作用。茶叶中含有多种维生素和氨基酸，喝茶对于清油解腻，增强神经兴奋以及消食利尿也具有一定的作用。
                但并不是喝得越多越好，也不是所有的人都适合喝茶。一般来说，每天1-2次，每次3-5克、400毫升的饮量是比较适当的。一般，人们说喝茶还指喝水。
            </div>
            <div class="miaoshu-img">
                <img src="../img/描述.webp" alt="">
            </div>
        </div>




        <!-- 相关 -->
        <div class="xiangguan">
            <!-- <div class="xiangguan-title">相关商品</div>
            <div class="xiangguan-list">
                <div class="xiangguan-list1">
                    <div class="xiangguan-list1-img"><img src="../img/白毫银针.webp" alt=""></div>
                    <div class="xiangguan-list1-title"><div class="xiangguan-list1-title-name">白毫银针</div><div class="xiangguan-list1-title-price">￥258.0</div></div>
                </div>
            </div> -->
        </div>
    </div>


    <!-- 底部 -->
    <footer>
        <!-- 底部左边 -->
        <div class="bottomdiv">
            <div class="lianxi">
                <p>联系</p>
                <span>Contact</span>
            </div>
            <div class="guanyu">
                <div class="guanyu1">
                    关于我们
                </div>
                <div class="guanyu2">
                    <img src="../img/微信.png" alt="">
                    <img src="../img/新浪微博.png" alt="">
                </div>
            </div>
            <div class="qifeiye">
                <div class="qifeiye1">
                    起飞页自助建站平台
                </div>
                <div class="qifeiye2">
                    <span>地址：苏州市建外SOHO东区2号楼</span>
                </div>
                <div class="qifeiye2">
                    <span>邮编：100000</span>
                </div>
                <div class="qifeiye2">
                    <span>电话：010-69557550</span>
                </div>
            </div>
        </div>

        <!-- 底部右边 -->
        <div class="bottomdiv-right">
            <div class="erweima">
                <img src="../img/二维码.png" alt="">
                <p>微博</p>
            </div>
            <div class="erweima">
                <img src="../img/二维码.png" alt="">
                <p>微信</p>
            </div>
        </div>

        <!-- 底部底部 -->
        <div class="COPYRIGHT">
            <div class="COPYRIGHTtitle">
                COPYRIGHT (©) 2019 茶叶类网站 京ICP备41414141414-1号
            </div>
        </div>
    </footer>
</body>
<script>
    function gwc(){
        location.href='../html/购物车.html'
    }
</script>
</html>